import Vue from 'vue';
// 图片懒加载函数
function imgLoad(src) {
  return new Promise((resolve, reject) => {
    let img = new Image();
    img.onload = () => {
      setTimeout(() => {
        resolve(true)
      }, 3000)
    }
    img.onerror = () => {
      reject(false)
    }
    img.src = src;
  })
}

// 全局的自定义指令 占位图实现 
Vue.directive('real-img', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: async function (el, binding) {
    let src = binding.value; // 取出真实的src
    let flag = await imgLoad(src)
    if (flag) {
      // 当图片加载完成后，才赋值
      el.src = src
    }
  }
})



